<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>传智健康</title>
    <link rel="stylesheet" media="screen" href="css/dmaku.main.css"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="referrer" content="origin">
    <!-- 引入组件库 -->
    <script src="js/vue.js"></script>
    <script src="plugins/elementui/index.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/axios-0.18.0.js"></script>
    <link rel="stylesheet" href="css/back-style.css">
</head>
<body>
<style>
    css-doodle {
    --rule: ( :doodle {
              @grid: 50x1 / 100vmin;
                  perspective: 90vmin;
              }

    background: @multi(@r(40, 20), (radial-gradient(@p(#53d9d1, #f27b9b, #eb7132) 15%, transparent 50%) @r(100%) @r(100%) / @r(1%, 3%, .1) @lr() no-repeat));

    @size: 120%;
    @place-cell: center;

    border-radius: 50%;
    transform-style: preserve-3d;
    animation: scale-up 15s linear infinite;
    animation-delay: calc(@i() * -.4s);

    @keyframes scale-up {
        0% {
            opacity: 0;
            transform: translate3d(0, 0, 0) rotate(0);
        }

        10% {
            opacity: 1;
        }

        95% {
            transform: translate3d(0, 0, @r(40vmin, 85vmin)) rotate(@r(-360deg, 360deg));
        }

        100% {
            opacity: 0;
            transform: translate3d(0, 0, 1vmin);
        }
    }

    );
    }
</style>
<css-doodle use="var(--rule)"></css-doodle>
<!-- partial -->
<script src='js/css-doodle.min.js'></script>
<!--<img id="bg" src="img/2377.jpg" />-->
<div id="app" class="wrapper" style="width: 300%; position: absolute">
<!--    <div class="top_wrapper">-->
<!--        <div class="container">-->
<!--            <div class="col-sm-12 header"><img src="img/logo.png"/></div>-->
<!--        </div>-->
<!--    </div>-->
    <div class="container" style="opacity: 0.85;" >
        <div class="row">
            <div class="col-sm-12 login_content_wrapper">
                <div class="content_wrapper">
                    <br>
                    <div style="text-align:center;"><img src="img/loginLogo.png"/></div>
                    <br><br>
                    <!--提示信息-->
                    <div hidden="true" id="logout_message" class="alert alert-info"><p>登出成功</p></div>
                    <div hidden="true" id="chgpwd_message" class="alert alert-success"><p>密码修改成功！请登录！</p></div>
                    <div hidden="true" id="loginfailed_message" class="alert alert-danger"><p>登录失败！账号或密码错误！</p></div>
                    <h1 class="title">请登录管理员账号</h1>
                    <form class="new_user_session" id="new_user_session" action="/login.do" accept-charset="UTF-8" method="post">
<!--                        <input name="utf8" type="hidden" value="&#x2713;"/>-->
<!--						<input type="hidden"-->
<!--							   name="authenticity_token"-->
<!--							   value="LRPFYc5H4DbwRFnREEZDHBjUgUO16rwDKxkGlB1b4nUr3A57ndoPZ55ODZ4dTERZ5vlxPvcSYjGRysTZqb78pw=="/>-->
                        <div class="form-group">
                            <label for="username">手机 / 用户名</label>
                            <input autofocus="autofocus" class="form-control" type="text" value="" name="username"
                                   id="username" required="true"/>
                        </div>
                        <div class="form-group">
                            <label for="password">密码</label>
                            <input autocomplete="off" class="form-control" type="password" name="password"
                                   id="password" required="true"/>
                        </div>
                        <div class="form-group">
                            <div class="row">
                                <div class="col-sm-6">
<!--                                    <input name="user[remember_me]" type="hidden" value="0"/><input-->
<!--                                        id="user_session_remember_me" type="checkbox" value="1"-->
<!--                                        name="user[remember_me]"/>-->
                                    <input id="_spring_security_remember_me" type="checkbox" name="remembermeParamater" value="true">
                                    <label for="_spring_security_remember_me" style="font-size:13px;font-weight:normal;">下次自动登录</label>
                                </div>
                                <div class="col-xs-12 col-sm-6 text-right">
                                    <input class="btn btn-default btn-success" value="登 入" type="submit"/>
                                </div>
                            </div>
                        </div>
                        <div class="from-group">
                            <div class="row forgot_password">
                                <div class="col-sm-12">
                                    <a href="forgetpwd.html">忘记密码？</a>
                                    <!--<a style="float:right;" href="">注册新帐号</a>-->
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <p class="copyright" style="color: #353535">&copy; 2020 传智健康</p>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../plugins/common.js"></script>
<script>
    new Vue({
        el: '#app',
        mounted(){
            //判断登出
            if(getUrlParam("logout") == "true"){
                document.getElementById("logout_message").hidden = false;
                window.setTimeout("document.getElementById(\"logout_message\").hidden = true;",5000);
            }
            if(getUrlParam("loginfailed") == "true"){
                document.getElementById("loginfailed_message").hidden = false;
                window.setTimeout("document.getElementById(\"loginfailed_message\").hidden = true;",5000);
            }
            if(getUrlParam("chgpwd") == "true"){
                document.getElementById("chgpwd_message").hidden = false;
                window.setTimeout("document.getElementById(\"chgpwd_message\").hidden = true;",5000);
            }
        }
    })
</script>
</html>
